<template>
  <div>
    <a-card hoverable style="width: 240px">
      <template #cover>
        <img alt="card-img" :src="props.cardInfo.img" />
      </template>
      <a-card-meta :title="props.cardInfo.title">
        <!-- <template #description>www.instagram.com</template> -->
      </a-card-meta>
    </a-card>
  </div>
</template>

<script setup lang="ts">
import { defineProps } from "vue";
import { ListItemType } from "../types/index";
const props = defineProps<{
  cardInfo: ListItemType;
}>()

</script>

<style lang="scss" scoped>

</style>